<div class="album wp-20" ui-view="container">
    <div ng-if="!noPermission">
        <div class="head_title">
            <span class="tit-color">转码管理</span>
        </div>


        <div class="searchWapper white-background">
            <div class="form-group searchLump search-condition">
                <div class="searchTitle" >搜索：</div>
                <div class="search-select">
                    <select ng-model="search.key"
                            ng-options="fileName.key  as fileName.value for fileName in fileNames" style="float: left;"></select>
                    <input type="text" class="input width-150"  ng-model="search.value"   ui-event="{ keyup : 'keyup($event,search.value)' }">
                    <input type="button" class="btn btn-primary" value="搜索" style="margin-top: -3px" ng-click="findData()">

                </div>
            </div>

            <div class="form-group searchLump">
                <div class="searchTitle">筛选：</div>
                <div class="search-select">
                    <select ng-model="search.categoryId"
                            ng-options="category.categoryId  as category.categoryName for category in categories"
                            ng-change="categoryChange(search.categoryId)"></select>
                    <select ng-model="search.channelId"
                            ng-options="channel.channelId  as channel.channelName for channel in channels"
                            ng-change="channelChange()"></select>
                    <select ng-model="search.convertStatus"
                            ng-options="status.key  as status.value for status in transcodingStatus"
                            ng-change="convertStatusChange()"></select>

                </div>

            </div>

        </div>

        <div class="white-background" style="margin:15px  0">

            <table class="table table-bordered table-hover table-page">

                <thead>
                <tr>
                    <th><input type="checkbox" id="allCheck" class="magic-checkbox" ng-model="$parent.allChecked"
                               ng-change="allCheckChange(allChecked)">
                        <label for="allCheck"></label></th>
                    <th>专辑_ID</th>
                    <th>专辑名称</th>
                    <th>一级频道</th>
                    <th>二级频道</th>
                    <th>节目数</th>
                    <th>总时长</th>
                    <th>转码状态</th>
                    <th>操作</th>
                </tr>
                </thead>
                <tbody>
                <tr ng-repeat="album in albums">

                    <td>
                        <input type="checkbox" id="{{$index}}" class="magic-checkbox" ng-model="album.checked"
                               ng-change="albumCheckChange(album)">
                        <label for="{{$index}}"></label>
                    </td>
                    <td>
                        {{album.albumId}}
                    </td>
                    <td>
                        {{album.albumName}}
                    </td>

                    <td>
                        {{album.categoryName}}
                    </td>
                    <td>
                        {{album.channelName}}
                    </td>
                    <td>
                        {{album.programNums}}
                    </td>
                    <td>
                        {{album.duration}}
                    </td>
                    <td ng-class="{'green':album.convertStatus==90,'yellow':album.convertStatus==91,'red':album.convertStatus==92}">
                        {{table[album.convertStatus]}}
                    </td>

                    <td>
                        <a ui-sref="main.transcoding.programs({albumId:album.albumId,albumName:album.albumName})" class="time-out">专辑节目</a>
                        <a ui-sref="main.transcoding.cover({albumId:album.albumId,albumName:album.albumName})" class="time-out">专辑封面</a>
                    </td>
                </tr>
                </tbody>
            </table>
        </div>

        <div class="panel-footer paging">
            <s-pagination conf="paginationConf"></s-pagination>
        </div>

    </div>


    <div ng-if="noPermission" ng-include="'templates/no-permission.html'">

    </div>

    <!--<a ui-sref="campaigns.detail({campaignsId:1})"  ui-sref-opts="{inherit:false}">aaaaa</a>-->
</div>
